<!doctype html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    
</head>
<body>

   
    <!--头部-->
    <span id="header"></span>

    <div class="auth-main clearfix">
        <!--侧边导航-->
        <span id="nav"></span>

        <!--内容区域-->
        <div  class="main main-width-mid">
        	
        	<div class="x-ibox-title x-nav">
        		<i class="iconfont icon-shouye m-r-sm"></i><a href="">产品管理</a><i class="iconfont icon-fanhui m-r-sm m-l-sm"></i><span>
        			新增产品
        		</span>
        	</div>
        	
            <div class="ibox-title">
                <h5 style="color:#C2343A">产品信息</h5>
            </div>
            <div class="ibox-content">
                <div class="form-horizontal" style="position:relative">
                    <div class="form-group">
                        <label class="col-xs-2 control-label">品牌:</label>
                        <div class="col-xs-10">
                            <select class="form-control col-input">
                                <option value="1">海尔</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-xs-2 control-label">型号:</label>
                        <div class="col-xs-10 form-inline">
                            <input  id="productNum" type="text" class="form-control m-r-sm" placeholder="请输入型号" style="width:280px;">
                            	<p class="form-control-static">下载Excel导入模板</p>
                        </div>
                    </div>
                    <div class="form-group" >
                    	<label class="col-xs-2 control-label"></label>
                        <div class="col-xs-10" style="font-size:12px; color: #666;">没有所需品牌或型号？<a style="color: #C2343A" href="javascript:;">请点此<i class="iconfont icon-qq" style="color:#1296db"></i>图标联系客服，或者将产品信息发送邮件至support@3rdwarehouse.com</a></div>
                    </div>
                    
                     
                <img src="../common/imgs/goods.jpg" alt=""  style="position:absolute;right:20px;top:5px;width:80px;height: 80px;border:1px solid #E7E7E7"/>
             
                </div>
              
            
            </div>


            <div class="ibox-title">
                <h5 style="color:#C2343A">销售信息</h5>
                <button type="button" class="btn btn-sm btn-danger btn-outline pull-right" onclick="addSaleInfo()">增加一条</button>
            </div>
            <div class="ibox-content">
               	<table class="table table-bordered u-table-center" >
               		
               			<thead>
	               			<tr>
	               				<td>库存</td>
	               				<td>单价</td>
	               				<td>所在地</td>
	               			</tr>
               			</thead>
               			
               			<tbody>
               				
               				<tr>
               					
               					<td style="padding-left:40px">
               						<input type="text"  class="form-control" placeholder='请输入库存' style="width:200px"/>
               					</td>
               					
               					<td class='form-inline'>
               						
               						<input type="text"  class="form-control m-r-xs" placeholder="最低" style='width:120px'/>-
               						<input	type="text"  class="form-control m-l-xs" placeholder="最高"  style="width: 120px;"/>
               						
               					</td>
               			
               					<td class="form-inline" style="position: relative;">
               						<select class="form-control m-r-xs select-bg" style='width:120px'>
               								<option>省</option>
               						</select>
               						<select class="form-control select-bg" style='width:120px'>
               								<option>市</option>
               						</select>
               						
               					
               					
               						<i class="iconfont icon-shanchu" style="position:absolute;right:10px;bottom:15px;display: none;" onclick="deleteSaleInfo(this)"></i>
               					
               					</td>
               				</tr>
               				
               				
               				<tr >
               					
               					<td style="padding-left:40px">
               						<input type="text"  class="form-control" placeholder='请输入库存' style="width:200px"/>
               					</td>
               					
               					<td class='form-inline'>
               						
               						<input type="text"  class="form-control m-r-xs" placeholder="最低" style='width:120px'/>-
               						<input	type="text"  class="form-control m-l-xs" placeholder="最高"  style="width: 120px;"/>
               						
               					</td>
               			
               					<td class="form-inline" style="position: relative;">
               						<select class="form-control m-r-xs select-bg" style='width:120px'>
               								<option>省</option>
               						</select>
               						<select class="form-control select-bg" style='width:120px'>
               								<option>市</option>
               						</select>
               						
        
               					
               						<i class="iconfont icon-shanchu" style="position:absolute;right:10px;bottom:15px;" onclick="deleteSaleInfo(this)"></i>
               					
               					</td>
               					
               				</tr>
               				
               				
               				
               				<tr>
               					<td style="padding-left:40px">
               						<input type="text"  class="form-control" placeholder='请输入库存' style="width:200px"/>
               					</td>
               					
               					<td class='form-inline'>
               						
               						<input type="text"  class="form-control m-r-xs" placeholder="最低" style='width:120px'/>-
               						<input	type="text"  class="form-control m-l-xs" placeholder="最高"  style="width: 120px;"/>
               						
               					</td>
               			
               					<td class="form-inline" style="position: relative;">
               						<select class="form-control m-r-xs select-bg" style='width:120px'>
               								<option>省</option>
               						</select>
               						<select class="form-control select-bg" style='width:120px'>
               								<option>市</option>
               						</select>
               						
               						<i class="iconfont icon-shanchu" style="position:absolute;right:10px;bottom:15px;" onclick="deleteSaleInfo(this)"></i>
               				
               					</td>
               				</tr>
               				
               				
               				
               			</tbody>
               
               		
               	</table>
            
            </div>

            <div class="m-t-md">
                <a href="./我的产品库.html" type="button" class="btn btn-danger" style="width: 120px; height: 34px; margin-right: 10px">确认</a>
                <button type="button" class="btn btn-danger btn-outline" style="width: 120px; height: 34px;">返回</button>
            </div>
        </div>
    </div>

	<div id="basic" style="display: none;"></div>
    <!--页尾-->
    <span id="footer"></span>
  </body></html>
<script src="../common/js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="../common/js/bootstrap.min.js" ></script>

<script type="text/javascript" src="../common/js/nav.js" ></script>
<script type="text/javascript" src="../common/js/pop.js" ></script>
<script type="text/javascript">
    $.get('../common/html/head.html', function (data) {
        $('head').html(data)
    });

    $.get('../common/html/header.html', function (data) {
        $('#header').html(data)
    });



    $.get('../common/html/footer.html', function (data) {
        $('#footer').html(data)
    });
</script>


<script type="text/javascript">

	//新增一条
	function addSaleInfo(){
		var tr = $('tbody').children('tr').first().clone();
		$('tbody').prepend(tr);
		
		$('tbody').children('tr').find('i').eq(1).css({
			'display':'block'
		});
			
	}
	
	//删除一条
	function deleteSaleInfo(obj){
		$(obj).parent().parent().remove();
		
	}
</script>
<!-- 自动填充-->


<script src="../common/js/layer/layer.js"></script>
<script src="../common/js/common.js"></script>
